<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页二</title>
    <!-- 必须先引入图标样式，再引入页面样式 -->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_754112_t1bhepmfi69.css">
    <link rel="stylesheet" href="../css/wy-first.css">
</head>

<body>
<!--header 开始-->
<header>
    <div  class="safe clear">
        <div class="logo left">
            <img src="../image/logo.png">
        </div>
        <nav class="right">
            <a href="#" class="on">首页</a>   <!--跳转的超链接先用#代替 on表示选中状态 -->
            <a href="#">关于我们</a>
            <a href="#">业务板块</a>
            <a href="#">新闻公告</a>
            <a href="#">招商合作</a>
            <a href="#">人才招聘</a>
            <a href="#">联系我们</a>
        </nav>
    </div>
</header>
<!--header 结束-->


<!--banner 开始 -->
<section id="banner">
    <div>
        <img src="../image/banner.jpg">
    </div>
</section>
<!--banner 结束 -->


<!-- floor-1 开始 -->
<section id="floor-1">
    <!--第一块 -->
    <div class="safe First">
        <!-- 01 -->
        <div class="part-1 dl">
            <div>
                <button type="button" >
                    <i class="iconfont icon-nongye"></i>
                </button>
            </div>
            <h1>农业</h1>
            <p class="jl1">油茶种植、加工、提炼项目，包<br/>括占地两万多亩的油茶种植基地<br/>和年产量目标万吨级炼油厂项目</p>
        </div>
        <!-- 02 -->
        <div class="part-2 dl b2">
            <div>
                <button type="button" >
                    <i class="iconfont icon-meiyuan"></i>
                </button>
            </div>
            <div class="jl1">
                <h1>国外投资</h1>
                <p>国外投资移民、海外留学</p>
            </div>
        </div>
        <!-- 03 -->
        <div class="part-3 dl">
            <div>
                <button type="button" >
                    <i class="iconfont icon-jianzhu"></i>
                </button>
            </div>
            <h1>建筑业</h1>
            <p class="jl1">在全国各地开发住宅房地产，建<br/>设以环保节能为基调的各个建筑<br/>工程</p>
        </div>
        <!-- 04 -->
        <div class="part-4 dl">
            <div>
                <button type="button" >
                    <i class="iconfont icon-maoyibao"></i>
                </button>
            </div>
            <h1>建筑业</h1>
            <p class="jl1">主要业务涉及高科技金属新材料<br/>进出口、冶金工程设备、食品进<br/>出口等</p>
        </div>
        <!-- 05 -->
        <div class="part-5 dl">
            <div>
                <button type="button" >
                    <i class="iconfont icon-yanglao-copy"></i>
                </button>
            </div>
            <h1>建筑业</h1>
            <p class="jl1">全面建设包括养老金融、日常护<br/>理、文化娱乐、养老场所、日常<br/>消费等设施的养老院</p>
        </div>
    </div>

    <!--第二块 -->
    <div class="safe Second clear">
        <!--左边 -->
        <div class="leftpart left">
            <img src="../image/1.jpg" class="left">   <!-- 在左边这块中，图片左浮动，文字不浮动 -->
            <div class="leftwz">
                <h1>关于我们</h1>
                <p>荣埔贸易有独产的法人财产，享有法人财产权，位于佛山市顺德区，主要从事对外投资、农业种植，房地产开发、工业园区开发、国际贸易等业务。</p>
                <button type="button">查看详情</button>
            </div>
        </div>
        <!--右边 -->
        <div class="righttpart right">
            <div class="table1">
                <span>公司新闻</span>
                <a href="#">更多</a>
            </div>
            <div class="table2">
                <a href="#" class="on">美国一音乐人声称每年随身携枪登客机三五十次</a>
                <a href="#">朝鲜今晨疑似发射了一枚弹道导弹意欲何为？</a>
                <a href="#">日本本土总装的第一架F35下线</a>
                <a href="#">美国研发激光武器护卫B-52轰炸机</a>
                <a href="#">伦敦如何告别雾都?曾推广温控仪提醒出门关暖气</a>
            </div>
        </div>
    </div>
</section>
<!-- floor-1 结束 -->

<!--分隔区域 开始 -->
<section id="floor-2">
    <div class="safe">
        <h1>为什么选择我们？</h1>
        <div class="pailie">
            <div class="disIB">
                <button type="button"><i class="iconfont icon-baozhang"></i></button>
                <p>100%保障资金安全</p>
            </div>
            <div class="disIB">
                <button type="button"><i class="iconfont icon-icon"></i></button>
                <p>投资期短，投资回报高</p>
            </div>
            <div class="disIB">
                <button type="button"><i class="iconfont icon-timing"></i></button>
                <p>低门槛</p>
            </div>
            <div class="disIB">
                <button type="button"><i class="iconfont icon-xunhuan"></i></button>
                <p>盈利提取自由</p>
            </div>
    </div>

</section>
<!--分隔区域 结束 -->


<!--第三层 开始 -->
<section id="floor-3">
    <div class="safe">
        <div class="top dq">
            <span>产品展示</span>
            <a href="#">更多</a>
        </div>

        <!--每一组单独的图片和文字要做浮动，然后每一组（文字和图片一起）还要再做浮动 -->
        <div class="under dq clear">
            <div class="picg left clear">
                <div class="left">
                    <img src="../image/xt-1.jpg">
                </div>
                <div class="left kx">
                    <h1>配资炒股融资成本年化20...</h1>
                    <span>融资日增百亿元 增量资金再布局<br/>下周抢筹三大板块，新春行....</span>
                </div>
            </div>
            <div class="picg clear left">
                <div class="left">
                    <img src="../image/xt-2.jpg">
                </div>
                <div class="left kx">
                    <h1>配资炒股融资成本年化20...</h1>
                    <span>融资日增百亿元 增量资金再布局<br/>下周抢筹三大板块，新春行....</span>
                </div>
            </div>
            <div class="picg clear left">
                <div class="left">
                    <img src="../image/xt-3.jpg">
                </div>
                <div class="left kx">
                    <h1>配资炒股融资成本年化20...</h1>
                    <span>融资日增百亿元 增量资金再布局<br/>下周抢筹三大板块，新春行....</span>
                </div>
            </div>
            <div class="picg clear left">
                <div class="left">
                    <img src="../image/xt-1.jpg">
                </div>
                <div class="left kx">
                    <h1>配资炒股融资成本年化20...</h1>
                    <span>融资日增百亿元 增量资金再布局<br/>下周抢筹三大板块，新春行....</span>
                </div>
            </div>
            <div class="picg clear left">
                <div class="left">
                    <img src="../image/xt-2.jpg">
                </div>
                <div class="left kx">
                    <h1>配资炒股融资成本年化20...</h1>
                    <span>融资日增百亿元 增量资金再布局<br/>下周抢筹三大板块，新春行....</span>
                </div>
            </div>
            <div class="picg clear left">
                <div class="left">
                    <img src="../image/xt-3.jpg">
                </div>
                <div class="left kx">
                    <h1>配资炒股融资成本年化20...</h1>
                    <span>融资日增百亿元 增量资金再布局<br/>下周抢筹三大板块，新春行....</span>
                </div>
            </div>
        </div>
    </div>
</section>
<!--第三层 结束 -->


<!--第四层 开始 -->
<section id="floor-4">
    <div class="safe clear">
        <p>案例展示</p>
        <div class="AL">
            <div class="left item">
                <img src="../image/anli-1.jpg">
            </div>
            <div class="left item">
                <img src="../image/anli-2.jpg">
            </div>
            <div class="left item">
                <img src="../image/anli-3.jpg">
            </div>
            <div class="left item">
                <img src="../image/anli-4.jpg">
            </div>
            <div class="left item">
                <img src="../image/anli-5.jpg">
            </div>
            <div class="left item">
                <img src="../image/anli-6.jpg">
            </div>
            <div class="left item">
                <img src="../image/anli-7.jpg">
            </div>
            <div class="left item">
                <img src="../image/anli-8.jpg">
            </div>
        </div>
    </div>
</section>
<!--第四层 结束 -->


<!--第五层 开始 -->
<section id="floor-5">
<div class="safe">
    <div class="fl5-left left">
        <div class="p-1  left">
            <h1>关于我们</h1>
            <a href="#">公司简介<br/>公司团队<br/>组织架构<br/>公司形象</a>
        </div>
        <div class="p-2 left">
            <h1>业务板块</h1>
            <a href="#">农业<br/>国外投资<br/>建筑业<br/>国际贸易<br/>养老服务</a>
        </div>
        <div class="p-3 left">
            <h1>新闻资讯</h1>
            <a href="#">公司新闻<br/>行业新闻</a>
        </div>
        <div class="p-4 left">
            <h1>招商合作</h1>
            <a href="#">合作介绍<br/>合作政策</a>
        </div>
    </div>
    <div class="fl5-right right">
        <h1>全国服务热线:</h1>
        <p>0757-22332298</p>
        <span>工作时间 8:30-24:00<br/>地址：广东省佛山市顺德区大良街道办新<br/>桂中路18号明日广场A座1803室</span>
    </div>
</div>
</section>
<!--第五层 结束 -->


<!--footer 开始 -->
<footer>
    <div class="safe">
        <span>版权所有 佛山市顺德区荣埔贸易有限公司 Copyright Reserved 2017 粤ICP证08837792号</span>
    </div>
</footer>
<!--footer 结束 -->
<!--网页制作二 结束 -->

</body>
</html>